﻿* {
    margin: 0;
    padding: 0;
    font-family: '微软雅黑';
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    font-size: 20px;
}

body {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: auto;
}

td, th {
    cursor: default;
}

img {
    border: 0;
}

span, i {
    cursor: default;
}

a {
    text-decoration: none;
}

li {
    list-style-type: none;
}

header, footer, article, aside, section, nav {
    display: block
}
/* 支持HTML5标签 */
body {
    background:url(../images/login/bg.png) no-repeat scroll top center;
    background-size:cover;
}

.box {
    width: 19rem;
    height: 21rem;
    margin: 9rem auto 0;
}
.weltit{
    width:100%;
    text-align:center;
    color:#fff;
    font-size:1.5rem;
    padding-top:0.5rem;
    font-weight:bold;
}
span.redtit {
    display:inline-block;
    color:#f65541;
}
.systemtitle {
    display:inline-block;
    width:100%;
    color:#fff;
    font-size:1rem;
    text-align:center;
}
form {
    width:100%;
    height:auto;
}
form input.users {
    display:block;
    width:17.5rem;
    height:2.2rem;
    background-color:rgba(255,255,255,.7);
    border:1px solid #7d7d7d;
    border-radius:1rem;
    margin-bottom:.5rem;
    margin-left:auto;
    margin-right:auto;
    font-size:1rem;
    color:#333;
    text-align:center;
    outline:none;
    padding:0 2rem;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #333;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #333;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #333;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #333;
} 

form input.users[type="text"] {
    margin-top:1.7rem;
}
    form > label {
        display: block;
        float: right;
        font-size: 1rem;
        color: #4d4e50;
        font-size: .7rem;
        height: 2rem;
        padding-right: 1rem;
        width: 4.5rem;
    }
label input {
    display: block;
    width: .7rem;
    height: .7rem;
    outline: none;
    margin-top: .5rem;
    margin-left: 0.4rem;
    float: left;
    margin-right: .3rem;
}
label span {
    display: block;
    line-height: 1.6rem;
}
.buttons {
    display:block;
    width:17.5rem;
    height:2.2rem;
    background-color:#f65541;
    border:1px solid #f65541;
    border-radius:1rem;
    margin-bottom:.5rem;
    margin:3rem auto 0;
    font-size:.8rem;
    color:#fff;
}

@media screen and (min-width:1367px) {
    .box {
        margin-top:14rem;
    }
}
